import styled from 'styled-components'

const Container = styled.div `
    height:100%;
    overflow-y:scroll;
    background:#f5f5f9;
    form{
        padding: 0 .1rem;
    }
    .info{
        width:100%;
        height:.8rem;
        display:flex;
        border-bottom: .01rem solid #eee;
    }
    .info>p{
        color:#999;
    }
    .title,.text{
        width:100%;
        height:.6rem;
        display:flex;
        color:#999;
        border-bottom: .01rem solid #eee;
    }
    .title>p{
        padding-right:.1rem;
    }
    .text>p{
        padding-right: .32rem;
    }
    .text>i,.title>i{
        line-height:.74rem;
    }
    .title>a{
        color:#ccc;
        font-size:.14rem;
        line-height:.6rem
    }
    .info>span{
        flex:1;
        font-size:.14rem;
        line-height:.8rem;
    }
    .title>span,.text>span{
        flex:1;
        color:#000;
        font-size:.14rem;
        line-height:.6rem;
    }
    .title>p,.text>p{
        line-height:.6rem;
    }
    .img{
        width: .6rem;
        height: .6rem;
        margin: .1rem;
    }
    .img>img{
        width:.6rem;
        border-radius:.6rem;
    }
    .info>p{
        line-height:.9rem
    }
    .am-button{
        background:none;
        font-size:.14rem;
        line-height:.6rem;
        color:#999;
        border:none;
    }
    .am-button::before {
        display:none;
    }
 
`

export {
    Container
}